@import url(./variables.less);
body {
	font-size: @normalFontSize;
	background-color: @mainBgc;
}

.tags {
	display: flex;
	flex-wrap: wrap;

	.tag {
		// 用于设置了border，因此在设置height和line-height会挤在一起
		// height: 3.2vw;
		// line-height: 3.2vw;
		position: relative;
		padding: 0 0.5333vw;
		margin-right: 0.8vw;
		margin-top: 0.5333vw;
		border-radius: 0.8vw;
		border: 1px solid @mainColor;
		font-size: 3.2vw;
		color: @mainColor;

		// 只有ticket才会有padding-left,没有ticket类时没有tag没有padding-left
		&.ticket {
			padding-left: 7.2vw;
		}

		&.ticket::before {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			padding: 0 1.6vw;
			content: '券';
			background-color: @lightBgcolor;
		}
	}
}
